<script type="text/javascript">
$(document).ready(function(){
	
//Set default open/close settings
$('.acc_container').hide(); //Hide/close all containers
$('.acc_trigger:first').addClass('active').next().show(); //Add "active" class to first trigger, then show/open the immediate next container

//On Click
$('.acc_trigger').click(function(){
	if( $(this).next().is(':hidden') ) { //If immediate next container is closed...
		$('.acc_trigger').removeClass('active').next().slideUp(); //Remove all .acc_trigger classes and slide up the immediate next container
		$(this).toggleClass('active').next().slideDown(); //Add .acc_trigger class to clicked trigger and slide down the immediate next container
	}
	return false; //Prevent the browser jump to the link anchor
});

});
</script>
<div class="container">
<h2 class="acc_trigger rounded"><a href="#">Bölüm Adı Buraya</a></h2>
<div class="acc_container rounded">
<div class="block">
<p>Bölümle ilgili açıklama buraya</p>
<p class="right"><a href="#">Devamı</a></p>
</div>
</div>
</div>